<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    p{
        color: #ea1616;
    }
    .hihihi{
        color: #1dd836;
    }
    .one{
        line-height: 60px;
        font-size: 55px;
        background-color: #1dd836;
    }
    .two{
        background-color: #ea1616;
        line-height: 500px;
        background-position: center;
        background-image:   url("https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fitem%2F201908%2F19%2F20190819182501_jzgbo.thumb.1000_0.jpg&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1680971482&t=c8d325e452f20390e078eee4dc77f73d"  ) ;
    }
    .three .img{
        border-radius: 100px;
    }
    .three{
        background-color: aqua;

    }
    .div04{
        width: 100px;
        height: 300px;
        background-color: #1dd836;
        border: #ea1616 dotted  blue;
        border-radius: 20px;
    }
</style>
<body>
<p class="hihihi">
    这是p1标签
</p>
<p class="hihi">
    这是p2标签
</p>
 <div class="one">
    上一行
 </div>
<div class="two">
    中间一行
</div >
<div class="three">
    下一行
    <img class="img" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fitem%2F201908%2F19%2F20190819182501_jzgbo.thumb.1000_0.jpg&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1680971482&t=c8d325e452f20390e078eee4dc77f73d" alt="" width="200px" height="200px">
</div>
<div class="div04">
    这是div04标签
</div>
</body>
</html>